<template>
    <div>
        <p>other-main</p>
        <el-button class="blue-button" type="primary" size="small" @click="openTestDialog">test-dialog</el-button>
        <component :is="current" v-model="visible" :option="option"></component>
    </div>
</template>
<script>
    export default {
        components: {
			'test-dialog': resolve => {
				require(['./test-dialog'], resolve)
			}
		},
        data() {
            return {
                visible: false,
				current: '',
                option: {},
            }
        },
        methods: {
            openTestDialog () {
				this.current = 'test-dialog';
				this.visible = true;
			},
        }
    }
</script>